@charset "UTF-8";
.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  /* 触发 hasLayout */
  zoom: 1;
}

/* 文本方向 */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

/* 文本颜色 */
.text-info {
  color: #909399;
}

.text-success {
  color: #67C23A;
}

.text-warning {
  color: #E6A23C;
}

.text-danger {
  color: #F56C6C;
}

.text-blue {
  color: #20a0ff;
}

.text-orange {
  color: #FC813B;
}

.text-white {
  color: #fff;
}

/* 文本不可选取 */
.un-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 背景颜色 */
.bg-info {
  background-color: #eeeeee;
}

.bg-success {
  background-color: #67C23A;
}

.bg-warning {
  background-color: #E6A23C;
}

.bg-danger {
  background-color: #F56C6C;
}

/* 响应式图片 */
.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

.width-100 {
  width: 100px;
}

.width-120 {
  width: 120px;
}

.width-150 {
  width: 150px;
}

.width-160 {
  width: 160px;
}

.width-180 {
  width: 180px;
}

.width-200 {
  width: 200px;
}

.width-230 {
  width: 230px;
}

.margin-0 {
  margin: 0px;
}

.padding-0 {
  padding: 0px;
}

.font-size-16 {
  font-size: 16px;
}

.font-weight-b {
  font-weight: bold;
}

.cursor-pointer {
  cursor: pointer;
}
